/* tslint:disable */
/* eslint-disable */

import React, { FunctionComponent } from 'react';
import Taro from '@tarojs/taro';
import Icon from './h5';

export type IconNames = 'pet-zhaoxiangji' | 'pet-tupian' | 'pet-maomao' | 'pet-jiankangtishi' | 'pet-chongwuyundong' | 'pet-chongwuxunlian' | 'pet-chongwumeirong' | 'pet-chongwuweiyang' | 'pet-shipin' | 'pet-weizhi' | 'pet-nv' | 'pet-nan' | 'pet-pawprint' | 'pet-calendar-check' | 'pet-hospital' | 'pet-yimiaoguan';

interface Props {
  name: IconNames;
  size?: number;
  color?: string | string[];
  style?: React.CSSProperties;
}

const IconFont: FunctionComponent<Props> = (props) => {
  const { name, size, color, style } = props;

  return <Icon name={name} size={parseFloat(Taro.pxTransform(size, 750))} color={color} style={style} />;
};

IconFont.defaultProps = {
  size: 30,
};

export default IconFont;
